Vue.JS且戰且飛(五)

2017 iT 邦幫忙鐵人賽

DAY 5

Modern Web

Vue.JS且戰且飛系列第 5 篇

2017鐵人賽 vue.js eagle 老鷹且戰且飛

老鷹(eagle)

2016-12-06 22:28:48

1575 瀏覽

分享至

for in (foreach概念)

jsfiddle

<html>
<head>
    <meta charset="utf-8">
    <title>for in (foreach概念)</title>
</head>
<body>
<div id="show">
    <ul>
        <li v-for="row in array">{{ row.name }}</li>
    </ul>
</div>
</body>
<script src="vue.js"></script>
<script>
    new Vue({
        el: '#show',
        data: {
            array: [
                {name: '老鷹'},
                {name: '泰大'},
                {name: '小雨大'},
                {name: '總裁'},
                {name: '賽大'},
                {name: '克拉克'},
                {name: '胖達'}
            ]
        }
    })
</script>
</html>